﻿<script>
    $(document).ready(function () {
        var id = "";
        $("li a").click(function (event) {
            localStorage.setItem("SelectedId", this.id);                                                                    
        });

        $('.navbar-nav li').removeClass();

        id = localStorage.getItem("SelectedId");
        if (id && id !== '') {
            $(('#' + id)).parent().addClass('active');
        }
    });
</script>
<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            @*@Html.ActionLink("Application name", "Index", "Home", null, new { @class = "navbar-brand" })*@
        </div>
        <div id="topNav" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li> <a id="AboutUs" href="~/Home/About">About Us</a></li>
                <li><a id="HealingPlanet" href="~/Home/HealingPlanet">Healing the planet</a></li>
                <li><a id="StressOMeter" href="~/Home/StressOMeter">Stress-o-meter</a></li>
                @*<li><a id="Media" href="~/Media/Index">Media</a></li>*@
                <li><a id="Media" href="~/Home/Media?mediaTypeId=1">Media</a></li>
                <li><a id="BehaviouralDisorders" href="~/BehaviouralDisorders/Index">Behavioural Disorders</a></li>
                <li><a id="Contact" href="~/Home/Contact">Contact</a></li>
            </ul>
            @*@Html.Partial("_LoginPartial")*@
        </div>
    </div>
</div>